@import "common";

@min-width: 1376px;
body {
  min-width: @min-width;
}

@navbar-height:50px;
@logo-bar-height: 100px;
.logo-bar{
  position: fixed;
  top: @navbar-height;
  width: 100%;
  min-width: @min-width;
  img {
    width: 500px;
    height: @logo-bar-height;
  }
}

@logo-divider-height:5px;
.logo-divider {
  position: fixed;
  top:@navbar-height + @logo-bar-height;
  background-color: @blue-ink;
  height:@logo-divider-height;
  width: 100%;
  min-width: @min-width;
  margin:0;
}

.main-container {
  position:fixed;
  top: @logo-bar-height + @logo-divider-height + @navbar-height;
  width: 100%;
  height: calc(~"100% - (" @logo-bar-height + @logo-divider-height + @navbar-height ~")");
  overflow: auto;
}